import React from 'react';
import { Card, Row, Col, Statistic } from 'antd';
import { UserOutlined, MoneyCollectOutlined, CalculatorOutlined } from '@ant-design/icons';

const Dashboard: React.FC = () => {
  return (
    <div>
      <h2>欢迎使用党费管理系统</h2>
      <Row gutter={16}>
        <Col span={8}>
          <Card>
            <Statistic
              title="党员总数"
              value={0}
              prefix={<UserOutlined />}
            />
          </Card>
        </Col>
        <Col span={8}>
          <Card>
            <Statistic
              title="本月工资数据"
              value={0}
              prefix={<MoneyCollectOutlined />}
            />
          </Card>
        </Col>
        <Col span={8}>
          <Card>
            <Statistic
              title="本月党费总额"
              value={0}
              prefix={<CalculatorOutlined />}
              precision={2}
            />
          </Card>
        </Col>
      </Row>
    </div>
  );
};

export default Dashboard; 